<template>
  <div>
    <comfilmlist 
    
    :list1="list1" 
    :type="type">
   

    <h1>1111</h1>

    </comfilmlist>
  <!-- <comfilmlist>111</comfilmlist> -->
  </div>
</template>



<script>
import {nowplayingListData} from "@/api/api"
import comfilmlist from "@/components/comfilmlist2.vue"
export default {
  //组件名字
  name: "nowplaying",
  //接收父组件给的东西 type是接收什么东西  default 默认值
  props: {
    list: {
      type: Array,
      default() {
        return [];
      },
    },
    color: {
      type: String,
      default: "#000",
    },
  },
  //组件注册
  components: {
    comfilmlist
  },
  // vue数据集中管理
  data() {
    return {
      value: "1",
      list1:[],
      page:1,
      type:1
    };
  },
  //方法 函数写这里
  methods: {},
  //计算属性
  computed: {},
  //侦听器
  watch: {},
  //过滤器
  filters: {
    toUpcase(value) {
      return value ? value.toUpperCase() : "";
    },
  },
  //以下是生命周期
  //组件创建之前
  beforeCreate() {},
  //组件创建之后
  async created() {
    console.log("我是nowplaying里面的created");
    //以下两部 一个是表面 一个是内在引入过后的 面貌 可以把http 这个方法axios请求揪出来
  let ret=await nowplayingListData(this.page);
    //  let ret = await http.get(nowPlayingListUri +page)
  console.log(ret);
  this.list1=ret.data.data.films;
  },
  //页面渲染之前
  beforeMount() {
    console.log("我是nowplaying里面的beforeMount");

  },
  //页面渲染之后
  //这一步为了等异步请求 async await
  async mounted() {
    console.log('我是nowplaying里面的mounted');
    //以下两步 一个是表面 一个是内在引入过后的 可以吧http 这个方法axios请求就出来
    //let ret=await nowplayingListData(this.page)
    // let ret=await http.get(nowplayingListUri+page)
    // console.log(ret);
    // this.list1=ret.data.data.films
  },

 
  //页面销毁之前
  beforeDestroy() {},
  //页面销毁之后
  destroyed() {},
  //页面视图数据更新之前
  beforeUpdate() {},
  //页面视图数据更新之后
  updated() {},
  //组件路由守卫enter
  beforeRouteEnter(to, from, next) {
    next((vm) => {});
    // 注意，在路由进入之前，组件实例还未渲染，所以无法获取this实例，只能通过vm来访问组件实例
  },
  //组件路由守卫update更新
  beforeRouteUpdate(to, from, next) {
    // 同一页面，刷新不同数据时调用，
    next();
  },
  //组件路由守卫离开
  beforeRouteLeave(to, from, next) {
    // 离开当前路由页面时调用
    next();
  },
};
</script>





<style lang="scss" scoped>
</style> 
 